<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Laya游戏</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- bootstrap样式 -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<!-- 重置样式 -->
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<!-- 公共导航样式 -->
		<link rel="stylesheet" type="text/css" href="css/navbar.css" />
		<!-- 页面样式 -->
		<link rel="stylesheet" type="text/css" href="css/games.css"/>
		<!-- ico图标 -->
		<link rel="shortcut icon" href="img/laya.ico" />
		<!-- 引入swiper样式 -->
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
	</head>
	<body>
		
		<!-- 导航部分 -->
		<nav class="navbar navbar-default">
			<div class="container myNav">
				<!-- 移动端的按钮样式 -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
		        	</button>
					<a class="navbar-brand" href="#"><img src="img/logo.png" /></a>
				</div>

				<!-- 平板端以上显示的内容 -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li>
							<a href="Laya_shouye.html">首页 <span class="sr-only">(current)</span></a>
						</li>
						<li>
							<a href="Laya_family.html">Laya 家族</a>
						</li>
						<li class="active">
							<a href="Laya_games.html">游戏</a>
						</li>
						<li>
							<a href="Laya_news.html">新闻动态</a>
						</li>
						<li>
							<a href="Laya_family.html">开发者中心</a>
						</li>
						<li class="hidden_a">
							<a href="Laya_news.html">开发者社区</a>
						</li>
						<li class="hidden_a">
							<a href="Laya_family.html">开放平台</a>
						</li>
						<li class="hidden_a">
							<a href="Laya_aboutUs.html">关于我们</a>
						</li>
						<!--新增-->
						<li class="dropdown hidden_li">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">更多<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li>
									<a href="Laya_family.html">开发者社区</a>
								</li>
								<li>
									<a href="Laya_news.html">开放平台</a>
								</li>
								<li>
									<a href="Laya_aboutUs.html">关于我们</a>
								</li>
							</ul>
						</li>
					</ul>
					<!--<ul class="nav navbar-nav navbar-right">
						
					</ul>-->
					<!-- 右边 -->
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">简体中文</a>
								</li>
								<li>
									<a href="#">繁体中文</a>
								</li>
								<li>
									<a href="#">英语</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>
		<!-- 导航部分 e -->
		
		<!-- 轮播图 s -->
		<div class="swiper-container lunbo">
			<!-- 滑动内容的容器 -->
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="img/img/yxlogo.jpg"/></div>
				<div class="swiper-slide"><img src="img/yxp.jpg"/></div>
				<div class="swiper-slide"><img src="img/img/yxlogo.jpg"/></div>
			</div>
			
			<!-- 如果需要导航按钮 -->
			<div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>		
            
            <!-- 如果需要分页 -->
            <div class="swiper-pagination"></div>
		</div>
		<!-- 轮播图 e -->
		
		<!-- 热门游戏 s -->
		<div id="hotGames">
			<div class="container w1000">
				<!--第一行块-->
				<div class="row firstRow">
					<!--左侧-->
					<div class="col-md-4 left_gPic">
						<div class="row">
							<div class="col-sm-1 col-xs-12">
								<img src="img/img/yx3.png"/>
							</div>
							<div class="col-sm-3 col-sm-pull-2 hidden-xs">
								<img src="img/img/yx2.png"/>
							</div>
						</div>
					</div>
					<!--右侧-->
					<div class="col-md-8 right_gDet">
						<div class="clearfix">
							<h2 class="fr">猎刃2</h2>
						</div>
						<p>  2015年Q版魔幻手游诚心之作，超魔幻ARPG之作！！！无可挑剔的简单操作，无与伦比的爽快打击感，无处不在的惊
喜！无穷无尽的回忆！全部技能100%还原，高清华丽特效，体验视觉盛宴；超写实画风，完美重现经典副本；让我们一
起来，挑战恶魔，乱斗魔兽！</p>
						<div class="row gDet_row">
							<div class="col-xs-6">
								<a href="">
									<img src="img/img/y4.png"/>
								</a>
							</div>
							<div class="col-xs-6">
								<a href="">
									<img src="img/img/y6.png"/>
								</a>
							</div>
							<div class="col-xs-6">
								<a href="">
									<img src="img/img/y7.png"/>
								</a>
							</div>
							<div class="col-xs-6">
								<a href="">
									<img src="img/img/y8.png"/>
								</a>
							</div>
						</div>
					</div>
				</div>
				<!--第二行块-->
				<div class="row secondRow">
					<!--左侧-->
					<div class="col-md-8 left_secDet">
						<h2 >上吧主公</h2>
						<p>《上吧主公》是一款以三国为背景Q版卡牌游戏，游戏与普通三国题材不同，它以萌萌哒猫咪为三国众名将构筑出别具一
格的游戏世界观。画面Q萌，技能华丽炫酷，集养成 、 收集 、策略 、卡牌于一体。三国初始群雄争霸，奇妙的名将会帮
你掌握胜算左右战况。</p>
						<div class="row gDet_row">
							<div class="col-xs-6">
								<a href="">
									<img src="img/img/y9.png"/>
								</a>
							</div>
							<div class="col-xs-6">
								<a href="">
									<img src="img/img/y10.png"/>
								</a>
							</div>
							<div class="col-xs-6">
								<a href="">
									<img src="img/img/y11.png"/>
								</a>
							</div>
							<div class="col-xs-6">
								<a href="">
									<img src="img/img/y12.png"/>
								</a>
							</div>
						</div>
					</div>
					<!--右侧-->
					<div class="col-md-4 hidden-xs right_secPic">
						<img src="img/img/y13.png"/>
					</div>
				</div>
			</div>
		</div>
		<!-- 热门游戏 e -->
		
		<!-- 更多案例 s -->
		<div id="cases">
			<div class="container w1000">
				<h2>更多案例</h2>
				<div class="row">
					<!--第一行-->
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y14.png"/>
							<div class="cover textoverM">
								<p>《醉西游》是一款以西游记题材为背景的ARPG游
									戏，采用Layabox引擎开发，唯美的画面、音乐悠
									扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
									职业、华丽的技能、神秘的副本、激烈的仙战……</p>
								
							</div>
						</a>
						<li>醉西游</li>
					</div>
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y15.png"/>
						<div class="cover textoverM">
							
							<p>《魔卡幻想》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
						
						</div>
						</a>
						<li>魔卡幻想</li>	
					</div>
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y16.png"/>
						<div class="cover textoverM">
							
							<p>《超能战队》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
						
						</div>
						</a>
						<li>超能战队</li>
					</div>
					<!--第二行-->
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y17.png"/>
						<div class="cover textoverM">
							
							<p>《轰三国》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
						
						</div>
						</a>
						<li>轰三国</li>
					</div>
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y18.png"/>
						<div class="cover textoverM">
						
							<p>《刀塔大菠萝》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
							
						</div>
						</a>
						<li>刀塔大菠萝</li>	
					</div>
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y19.png"/>
						<div class="cover textoverM">
							
							<p>《迷你猎人》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
							
						</div>
						</a>
						<li>迷你猎人</li>
					</div>
					<!--第三行-->
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y20.png"/>
						<div class="cover textoverM">
						
							<p>《萌挂三国》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
						
						</div>
						</a>
						<li>萌挂三国</li>
					</div>
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y21.png"/>
						<div class="cover textoverM">
							
							<p>《战争之门》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
						
						</div>
						</a>
						<li>战争之门</li>	
					</div>
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y22.png"/>
						<div class="cover textoverM">
							
							<p>《英雄争霸》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
							
						</div>
						</a>
						<li>英雄争霸</li>
					</div>
					<!--第四行-->
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y23.png"/>
						<div class="cover textoverM">
							
							<p>《二战传奇》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
						
						</div>
						</a>
						<li>二战传奇</li>
					</div>
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y24.png"/>
						<div class="cover textoverM">
						
							<p>《龙吟三国》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
						
						</div>
						</a>
						<li>龙吟三国</li>	
					</div>
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y25.png"/>
						<div class="cover textoverM">
							
							<p>《哟狐狸精》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
							
						</div>
						</a>
						<li>哟狐狸精</li>
					</div>
					<!--第五行-->
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y26.png"/>
						<div class="cover textoverM">
						
							<p>《熊来啦》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
						
						</div>
						</a>
						<li>熊来啦</li>
					</div>
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y27.png"/>
						<div class="cover textoverM">
						
							<p>《我爱我家》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
						
						</div>
						</a>
						<li>我爱我家</li>	
					</div>
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y28.png"/>
						<div class="cover textoverM">
					
							<p>《夺塔三国》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
					
						</div>
						</a>
						<li>夺塔三国</li>
					</div>
					<!--第六行-->
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y29.png"/>
						<div class="cover textoverM">
						
							<p>《西游快跑》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
						
						</div>
						</a>
						<li>西游快跑</li>
					</div>
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y30.png"/>
						<div class="cover textoverM">
							
							<p>《德州扑克》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
						
						</div>
						</a>
						<li>德州扑克</li>	
					</div>
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y31.png"/>
						<div class="cover textoverM">
						
							<p>《神魔快打》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
						
						</div>
						</a>
						<li>神魔快打 </li>
					</div>
					<!--第七行-->
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y32.png"/>
						<div class="cover textoverM">
					
							<p>《鬼吹灯》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
					
						</div>
						</a>
						<li>鬼吹灯</li>
					</div>
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y33.png"/>
						<div class="cover textoverM">
							
							<p>《挂机三国》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
						
						</div>
						</a>
						<li>挂机三国 </li>	
					</div>
					<div class="col-sm-4 col-xs-6 caseBox">
						<a href="">
							<img src="img/img/y34.png"/>
						<div class="cover textoverM">
							
							<p>《三国仙侠传》是一款以西游记题材为背景的ARPG游
							戏，采用Layabox引擎开发，唯美的画面、音乐悠
							扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
							职业、华丽的技能、神秘的副本、激烈的仙战……</p>
						
						</div>
						</a>
						<li>三国仙侠传</li>
					</div>
				</div>
			</div>
		</div>
		<!-- 更多案例 e -->
		
		<!-- 底部联系信息 s -->
		<div id="contact">
			<div class="container w1000">
				<div class="row cnRow">
					<div class="col-xs-9">
						<a href="">公司简介</a>
						<a href="">联系方式</a>
						<a href="">人才招聘</a>
						<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
					</div>
					<div class="col-xs-3">
						<div class="row imgRow">
							<div class="col-xs-4">
								<img src="img/c1.png"/>
								<div class="code">
									<img src="img/ewm.png"/>
								</div>
							</div>
							<div class="col-xs-4">
								<img src="img/c2.png"/>
								<div class="code">
									<img src="img/ewm.png"/>
								</div>
							</div>
							<div class="col-xs-4">
								<img src="img/c3.png"/>
								<div class="code">
									<img src="img/ewm.png"/>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 底部联系信息 e -->
		
		<!-- bookstrap脚本 -->
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="UTF-8"></script>
		
		<!-- swiper脚本 -->
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.js"></script>

		<!-- js代码 启动swiper对象 -->
		<script>
			var mySwiper = new Swiper(".swiper-container", {
				direction: "horizontal", // 轮播方式的方向：横向/垂直
				loop: true, // 是否需要循环
				autoplay:true,              // 自动轮播
				navigation: { // 按钮
					nextEl: ".swiper-button-next",
					prevEl: ".swiper-button-prev"
				},
				pagination: { //分页
					el: '.swiper-pagination',
				},
			})
		</script>
	</body>
</html>
